<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>inline css样式</title>
    <!-- <link rel="stylesheet" type="text/css" href="css/index.css" /> -->
  </head>
  <body>
    <img style="width: 50px;height: 50px;" src="img/01.jpg" />
    <!--
    1.link 进来的样式，是由 css 解析器去解析，并且是同步解析的。有一个 parse stylesheet
    2.css 解析器会阻塞页面的渲染。（也可以说 link 进来的外部样式会阻塞页面渲染，利用他避免闪屏）
    3.如果你不希望闪屏可以用 link，但是会白屏时间变长，这个需要权衡
	三个概念：加载、解析、渲染
      加载异步、解析同步、渲染同步
  --></body>
</html>
